<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <title>胜蓝教育</title>
	    <link rel="stylesheet" href="css/iconfont.css" />
	    <link rel="stylesheet" href="css/amazeui.min.css" />
	    <link rel="stylesheet" href="css/app.css" />
	    <script type="text/javascript" src="js/jquery-1.8.2.min.js" ></script>
	    <script type="text/javascript" src="js/amazeui.min.js" ></script>
	</head>
	<body>
		<div class="top">
			<div class="m-header">
			    <a href="index.html"><img class="logo" src="images/logo.png" align="胜蓝教育" /></a>
		    	<a href="javascript:;" class="iconfont icon-daohang2" data-am-offcanvas="{target: '#doc-oc-demo2', effect: 'push'}"></a>
			</div>
			<div class="am-slider">
				<img src="images/about.jpg" />
			</div>
		</div>
		
		<div data-am-widget="list_news" class="am-list-news-default news_list kecheng_list">
		  	<ul class="am-list">
		      	<li class="am-g am-list-item-desced am-list-item-thumb-left">
			        <a href="#" class="">
			        	<div class="am-u-sm-4 am-list-thumb">
			            	<img src="images/list_img.jpg" alt=""/>
				        </div>
				        <div class="am-u-sm-8 am-list-main">
				            <h3 class="am-list-item-hd am-text-truncate">计算机文秘</h3>
				            <div class="am-list-item-text">
				            	<span class="xing">
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing hui"></i>
				            	</span>
				            	<span class="am-margin-left">666 人学过</span>
				            </div>
				            <div class="am-list-item-text price">
				            	<span>￥99</span>
				            	<em>￥199</em>
				            </div>
				        </div>
			        </a>
		      	</li>
		      	<li class="am-g am-list-item-desced am-list-item-thumb-left">
			        <a href="#" class="">
			        	<div class="am-u-sm-4 am-list-thumb">
			            	<img src="images/list_img.jpg" alt=""/>
				        </div>
				        <div class="am-u-sm-8 am-list-main">
				            <h3 class="am-list-item-hd am-text-truncate">电脑数码艺术设计</h3>
				            <div class="am-list-item-text">
				            	<span class="xing">
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing hui"></i>
				            	</span>
				            	<span class="am-margin-left">666 人学过</span>
				            </div>
				            <div class="am-list-item-text price">
				            	<span>￥99</span>
				            	<em>￥199</em>
				            </div>
				        </div>
			        </a>
		      	</li>
		      	<li class="am-g am-list-item-desced am-list-item-thumb-left">
			        <a href="#" class="">
			        	<div class="am-u-sm-4 am-list-thumb">
			            	<img src="images/list_img.jpg" alt=""/>
				        </div>
				        <div class="am-u-sm-8 am-list-main">
				            <h3 class="am-list-item-hd am-text-truncate">平面广告与网页设计</h3>
				            <div class="am-list-item-text">
				            	<span class="xing">
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing hui"></i>
				            	</span>
				            	<span class="am-margin-left">666 人学过</span>
				            </div>
				            <div class="am-list-item-text price">
				            	<span>￥99</span>
				            	<em>￥199</em>
				            </div>
				        </div>
			        </a>
		      	</li>
		      	<li class="am-g am-list-item-desced am-list-item-thumb-left">
			        <a href="#" class="">
			        	<div class="am-u-sm-4 am-list-thumb">
			            	<img src="images/list_img.jpg" alt=""/>
				        </div>
				        <div class="am-u-sm-8 am-list-main">
				            <h3 class="am-list-item-hd am-text-truncate">计算机硬件与网络</h3>
				            <div class="am-list-item-text">
				            	<span class="xing">
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing hui"></i>
				            	</span>
				            	<span class="am-margin-left">666 人学过</span>
				            </div>
				            <div class="am-list-item-text price">
				            	<span>￥99</span>
				            	<em>￥199</em>
				            </div>
				        </div>
			        </a>
		      	</li>
		      	<li class="am-g am-list-item-desced am-list-item-thumb-left">
			        <a href="#" class="">
			        	<div class="am-u-sm-4 am-list-thumb">
			            	<img src="images/list_img.jpg" alt=""/>
				        </div>
				        <div class="am-u-sm-8 am-list-main">
				            <h3 class="am-list-item-hd am-text-truncate">视觉传达与平面设计</h3>
				            <div class="am-list-item-text">
				            	<span class="xing">
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing"></i>
				            		<i class="am-text-sm iconfont icon-xing hui"></i>
				            	</span>
				            	<span class="am-margin-left">666 人学过</span>
				            </div>
				            <div class="am-list-item-text price">
				            	<span>￥99</span>
				            	<em>￥199</em>
				            </div>
				        </div>
			        </a>
		      	</li>
		   	</ul>
    	</div>
		
		<!-- 底部 Start -->
		<div class="am-padding-vertical m_footer">
			<p>版权所有：泸州市胜蓝职业学校. All Rights Reserved.</p>
			<p>ICP备案号：蜀ICP备06002692号</p>
		</div>
		<!-- 底部 End -->
		
		<!-- 导航 Start -->
		<div id="doc-oc-demo2" class="am-offcanvas">
		  	<div class="am-offcanvas-bar">
			    <div class="am-offcanvas-content">
			      	<ul class="am-list admin-sidebar-list" id="collapase-nav-1">
					  	<li  class="am-panel">
					    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#/">首页</a>
					  	</li>
					  	<li class="am-panel">
						    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#user-nav'}">
					        	走进胜蓝 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
						    </a>
						    <ul class="am-list am-collapse admin-sidebar-sub" id="user-nav">
						        <li><a href="about.html">学校简介 </a></li>
						        <li><a href="#">学校文化 </a></li>
						        <li><a href="course.html">学校资质 </a></li>
						        <li><a href="#">教师风采 </a></li>
						    </ul>
					  	</li>
					  	<li  class="am-panel">
					    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#/">学校动态</a>
					  	</li>
					  	<li class="am-panel">
						    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#company-nav'}">
					        	课程体系 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
						    </a>
						    <ul class="am-list am-collapse admin-sidebar-sub" id="company-nav">
						        <li><a href="#">计算机就业系列</a></li>
						        <li><a href="#">IT短期培训系列</a></li>
						        <li><a href="#">SIYB创业培训</a></li>
						        <li><a href="#">职称培训系列</a></li>
						        <li><a href="#">在职学历教育系列</a></li>
						    </ul>
					  	</li>
					  	<li class="am-panel">
						    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#role-nav'}">
					        	就业服务 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
						    </a>
						    <ul class="am-list am-collapse admin-sidebar-sub" id="role-nav">
						        <li><a href="#">就业新闻 </a></li>
						        <li><a href="#">就业指南 </a></li>
						        <li><a href="#">创业指导 </a></li>
						        <li><a href="#">见习基地 </a></li>
						        <li><a href="#">招贤纳士 </a></li>
						    </ul>
					  	</li>
					  	<li class="am-panel">
						    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#role-nav'}">学员作品</a>
						    <ul class="am-list am-collapse admin-sidebar-sub" id="role-nav">
						        <li><a href="#">办公文秘 </a></li>
						        <li><a href="#">广告设计 </a></li>
						        <li><a href="#">建筑设计 </a></li>
						        <li><a href="#">室内设计 </a></li>
						    </ul>
					  	</li>  
					  	<li class="am-panel">
						    <a data-am-collapse="{parent: '#collapase-nav-1', target: '#role-nav'}">
					        	考试考证 <i class="iconfont icon-jiantou-copy1 am-fr am-margin-right"></i>
						    </a>
						    <ul class="am-list am-collapse admin-sidebar-sub" id="role-nav">
						        <li><a href="list.html">考试新闻 </a></li>
						        <li><a href="#">成绩查询 </a></li>
						        <li><a href="#">证书查询 </a></li>
						    </ul>
					  	</li>
					  	<li class="am-panel">
					    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">成功学子</a>
					  	</li>
					  	<li class="am-panel">
					    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">联系我们</a>
					  	</li>
					  	<li class="am-panel">
					    	<a data-am-collapse="{parent: '#collapase-nav-1'}" href="#">在线报名</a>
					  	</li>
					</ul>  
					<div class="user">
						<a href="javascript:void(0);">登录</a>
						<a href="javascript:void(0);">注册</a>
						<a href="javascript:void(0);">退出</a>
					</div>
			    </div>
		  	</div>
		</div>
		<!-- 导航 End -->

	</body>
</html>
